﻿<script type="text/javascript">

$(document).ready(function(){


    $(".add-company").hide();
	$(".show_hide").show();
	
	$('.show_hide').click(function(){
	$(".add-company").slideToggle();
	});

});

</script>
<div>
<a href="#" class="show_hide">Add Company</a><br />
			<div class="add-company">
				<form name="add-company-form" id='add-company-form' method="post" novalidate="novalidate"> 
				<ul>
				
					<li >
						<div>
							<div>AR Company Name:</div><br>
							<input id="uemail" type="text"  class="txt-box required" name="ArName">
						</div>
					</li>
					<li >
						<div>
							<div>EN Company Name:</div><br>
							<input id="uemail" type="text"  class="txt-box required" name="EnName">
						</div>
					</li>
					<li >
						<div>
							<div>Company CEO Email:</div><br>
							<input id="uemail" type="text"  class="txt-box required" name="CoName">
						</div>
					</li>
					<li >
							<br><br>
							<input type="submit" value="Add" class="submit" />
					
					</li>
					
				</ul>
				
				</form>
			</div>
			
			<div class="clear"><span class='error'>{$error}</span></div>
			<!-- Company list table -->
			<div Class="company-list">
			<table id="myTable" class="tablesorter"> 
				<thead> 
					<tr> 
						<th class="tplheader">AR Company Name</th> 
						<th class="tplheader">En Company Name</th> 
						<th class="tplheader">Email</th> 
						<th class="tplheader">Status</th> 
						<th class="tplheader">Operation</th> 
					</tr> 
				</thead> 
				<tbody> 
				
				{foreach from=$company_list key=header item=company}
				
				{foreach from=$company key=k item=zid}
				<tr class="{if {$zid.Active} eq '0'} odd {else} even {/if}">
						<td>{$zid.ArName}</td> 
						<td>{$zid.EnName}</td> 
						<td>{$zid.Email}</td> 
						<td>{$zid.Active}</td> 
						<td>View  Delete</td> 
						</tr> 
					{/foreach}
					
					{/foreach}
				</tbody> 
			</table> 
			</div>
		</div>
		<script>
		
		
			$(document).ready(function() 
				{ 
					$("#myTable").tablesorter();
					 
				} 
			); 
		</script>